<template>
  <div class="shadow">
  </div>
  <div class="card">
    我是注册页面
  </div>
</template>

<script lang="ts" setup>

</script>

<style lang="less" scoped>
.shadow {
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.6;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

.card {
  height: 300px;
  width: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

  background-color: white;
  z-index: 11;
}
</style>